<template>
	<view class="search-box" @click="goPage('/pages/search/index')">
		<view class="search-in" :style="{ textAlign: modelData.textStyle, borderRadius: modelData.boxStyle === 3 ? '80rpx' : modelData.boxStyle === 2 ? '10rpx' : '0' }">
			<text class="ibonfont ibonsousuo1 primary-color"></text>
			<text>{{ modelData.tipText }}</text>
		</view>
	</view>
</template>

<script>

export default {
	props: {
		modelData: {
			type: Object,
			default: () => {
				return {};
			}
		}
	}
};
</script>

<style lang="scss">
.search-box {
	background-color: #f7f8fa;
	padding: 20upx 0;
	.search-in {
		background: #fff;
		width: 710upx;
		margin: 0 auto;
		height: 70upx;
		line-height: 70upx;
		font-size: 24upx;
		color: #999;
		padding: 0 20upx;
		border-radius: 10upx;
		.ibonfont {
			color: $price-color;
			vertical-align: middle;
			margin-right: 10upx;
		}
	}
}

</style>
